import { defineComponent } from "vue";
import style from "./index.module.less";
import ColView from "../ColView";
import TitleView from "../TitleView";
import TextView from "../TextView";
import ButtonView from "../ButtonView";
import { experienceCelllProps } from "./types";
export default defineComponent({
  name: "",
  props: experienceCelllProps,
  emits: ["click"],
  setup(_, { emit }) {
    return () => {
      return (
        <div class="h-[80px] flex items-center justify-between">
          <ColView>
            <TitleView title={_.title}></TitleView>
            <TextView class={"mt-[10px]"}>{_.time}</TextView>
          </ColView>
          <ButtonView
            type="primary"
            text={_.text}
            onClick={() => emit("click")}
          />
        </div>
      );
    };
  },
});
